<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UserGroupFrame.aspx.cs" Inherits="SecurityModule.Web.Pages.UserGroupFrame" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <meta http-equiv="Expires" content="-1"/>
    <meta http-equiv="PRAGMA" content="NO-CACHE"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
</head>
<body  style="overflow:hidden;">
    <form id="form1" runat="server">
    <div id="container" style="width:99.8%;border:solid Black;border-width:1px 1px 1px 1px;border-collapse:collapse;background-color:#6593CF;position:absolute;top:0px;left:0px;">
		<div id="header" style="height:25px;border-bottom:solid 1px Black;text-align:center;color:#fff;"><label>Header</label></div>
		
		<div id="pageBody" style="width:100%;">
			<div id="sideBar" style="width:23%;float:left;border-right:solid 1px Black;height:500px;background-color:#fff;">
			    <iframe id="leftFrame" name="leftFrame" frameborder="0" height="100%" width="100%" scrolling="auto" 
			        marginheight="0" marginwidth="0" src="UserGroupTree.aspx"></iframe>
			</div>
			
			<div id="mainBody" style="width:76.5%;float:right;border-left:solid 1px Black;height:500px;background-color:#fff;">
			    <iframe id="mainFrame" name="mainFrame" frameborder="0" height="100%"  width="100%" scrolling="auto" 
			        marginheight="0" marginwidth="0" src="UserGroupDetail.aspx"></iframe>
			</div>
		</div>
	</div>
    </form>
</body>
<script type="text/javascript">
        PageLoad();
        function PageLoad() {
            var height=GetWindowHeight();
            document.getElementById("sideBar").style.height=height;
            document.getElementById("mainBody").style.height=height;
        }
        function GetWindowHeight() {
            var docElement=document.documentElement;
            var bodyHeight = self.innerHeight || (docElement && docElement.clientHeight) || document.body.clientHeight;
            var headerHeight=document.getElementById("header").clientHeight;
            return bodyHeight-(headerHeight*2)+20+"px";
        }
    </script>
</html>
